<html>
<head>
<script>
if (window.testRunner)
    testRunner.notifyDone();
</script>
</head>
<body style="overflow:hidden;">
  <h1>Meters with various optimums</h1>
  <p>(min=0, max=1000, low=300, high=600)</p>
  <h2>optimum=450</h2>
  <ul>
    <li>value=150: <meter min="0" max="1000" low="300" high="600" optimum="450" value="250" ></meter></li>
    <li>value=450: <meter min="0" max="1000" low="300" high="600" optimum="450" value="450" ></meter></li>
    <li>value=750: <meter min="0" max="1000" low="300" high="600" optimum="450" value="750" ></meter></li>
    <li>value=0: <meter min="0" max="1000" low="300" high="600" optimum="450" value="0" ></meter></li>
    <li>value=1000: <meter min="0" max="1000" low="300" high="600" optimum="450" value="1000" ></meter></li>
  </ul>
  <h2>optimum=150</h2>
  <ul>
    <li>value=150: <meter min="0" max="1000" low="300" high="600" optimum="150" value="250" ></meter></li>
    <li>value=450: <meter min="0" max="1000" low="300" high="600" optimum="150" value="450" ></meter></li>
    <li>value=750: <meter min="0" max="1000" low="300" high="600" optimum="150" value="750" ></meter></li>
    <li>value=0: <meter min="0" max="1000" low="300" high="600" optimum="150" value="0" ></meter></li>
    <li>value=1000: <meter min="0" max="1000" low="300" high="600" optimum="150" value="1000" ></meter></li>
  </ul>
  <h2>optimum=750</h2>
  <ul>
    <li>value=150: <meter min="0" max="1000" low="300" high="600" optimum="750" value="250" ></meter></li>
    <li>value=450: <meter min="0" max="1000" low="300" high="600" optimum="750" value="450" ></meter></li>
    <li>value=750: <meter min="0" max="1000" low="300" high="600" optimum="750" value="750" ></meter></li>
    <li>value=0: <meter min="0" max="1000" low="300" high="600" optimum="750" value="0" ></meter></li>
    <li>value=1000: <meter min="0" max="1000" low="300" high="600" optimum="750" value="1000" ></meter></li>
  </ul>
</body>
</html>
